<template>
    <div>
        <!-- <Tree :data="data" /> -->
        <Tree1 :data="data" />
    </div>
</template>

<script>
// import Tree from './Tree';
import Tree1 from './Tree1';
export default {
    components: {
        // Tree,
        Tree1,
    },
    data() {
        return {
            // data: {
            //     id: '1',
            //     title: '我是第一级',
            //     children: [
            //         {
            //             id: '2',
            //             title: '我是第二级',
            //         },
            //         {
            //             id: '3',
            //             title: '我是第二级',
            //         },
            //         {
            //             id: '4',
            //             title: '我是第二级',
            //             children: [
            //                 {
            //                     id: '5',
            //                     title: '我是第三级',
            //                 },
            //                 {
            //                     id: '6',
            //                     title: '我是第三级',
            //                 },
            //             ],
            //         },
            //     ],
            // }
            data: [
                {
                    id: '1000',
                    name: '用户管理',
                    icon: 'yhgl',
                    children: [
                        {
                            id: '1001',
                            name: '用户列表',
                            icon: 'tjyh',
                            path: '/user',
                            children: [
                                {
                                    id: '1004',
                                    name: '添加用户',
                                    icon: 'tjyh',
                                    path: '/user/add',
                                },
                                {
                                    id: '1005',
                                    name: '修改用户',
                                    icon: 'xgyh',
                                    path: '/user/edit',
                                },
                            ],
                        },
                        {
                            id: '1002',
                            name: '角色列表',
                            icon: 'jslb',
                            path: '/role',
                            children: [
                                {
                                    id: '1006',
                                    name: '添加角色',
                                    icon: 'tjjs',
                                    path: '/role/add',
                                },
                                {
                                    id: '1007',
                                    name: '修改角色',
                                    icon: 'xgjs',
                                    path: '/role/edit',
                                },
                            ],
                        },
                        {
                            id: '1003',
                            name: '权限列表',
                            icon: 'qxlb',
                            path: '/acl',
                            children: [
                                {
                                    id: '1008',
                                    name: '添加权限',
                                    icon: 'tjqx',
                                    path: '/acl/add',
                                },
                                {
                                    id: '1009',
                                    name: '修改角色',
                                    icon: 'xgqx',
                                    path: '/acl/edit',
                                },
                            ],
                        },
                    ],
                },
            ],
        };
    },
};
</script>

<style lang="scss" scoped></style>
